<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" />
<meta name="copyright" content="">
<meta name="author" content="">
<title>首页</title>
<!-- <link rel="stylesheet" href="./static/css/style.css"> -->
<link rel="stylesheet" href="./static/css/element-ui.css">
<script src="./static/js/basic.js"></script>
<script src="./static/js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="./static/js/swiper-4.5.3.min.js"></script>
<link rel="stylesheet" href="./swiper/swiper.min.css" />
<script src="./static/js/element-ui.js"></script>
<script src="./static/js/js.js"></script>
</head>

<body>
  <div id="app" class="home">
    <my-header>
      <div class="banner ov wow animated fadeIn" v-if="banner">
        <div class="swiper-wrapper">
          <div v-for="(item,index) in banner" :key="index" class="swiper-slide">
            <div class="item"><img :src="item.src" alt="" class="img"></div>
          </div>
        </div>
        <div class="ban-dot1"></div>
      </div>
      <div class="home-main1 wow animated fadeInUp" v-if="main1List">
        <div class="box">
          <div class="tab flex-ct">
            <template v-for="(itemp,i) in main1List">
              <span class="line" v-if="i > 0"></span>
              <span :class="{on: itemp.id === main1_id}" class="item" @click="main1_id = itemp.id">{{itemp.name}}</span>
            </template>
          </div>
          <div v-for="(itemp,i) in main1List" :key="i" class="ban" :class="['ban'+i, itemp.id === main1_id ? 'on':'']">
            <div class="ban-contain">
              <div class="swiper-wrapper">
                <div v-for="(item,index) in itemp.list" :key="index" class="swiper-slide">
                  <a href="" class="item flex-lect"><img :src="item.src" alt="" class="ico"><div class="name row1">{{item.name}}</div></a>
                </div>
              </div>
            </div>
            <span class="arrow prev"></span>
            <span class="arrow next"></span>
          </div>
          
        </div>
      </div>
      
      <div class="home-main2">
        <div class="box flex-bect box-main1" v-if="main2">
          <div class="w1 wow animated fadeInUp">
            <div class="home-top-tit flex-bect">
              <h2 class="h2">国际学校资讯</h2>
              <span class="remark">打造专属学习路线，助力学生择校</span>
            </div>
            <div class="w1-div">
              <dl class="tab flex-lect">
                <dd v-for="(item, index) in main2" :key="index" class="item">
                  <span class="line" v-if="index > 0"></span>
                  <span class="name" :class="{on : main2_idx === index}" @click="changeMain2(index)">{{item.name}}</span>
                </dd>
              </dl>
              <div class="flex-bect con" v-if="main2Con">
                <div class="imgW"><img :src="main2Con.src" class="img" alt=""></div>
                <div class="flex1 div">
                  <div class="tit row1">{{main2Con.title}}</div>
                  <div class="ban-box">
                    <div class="ban">
                      <div class="swiper-wrapper">
                        <div v-for="(item,index) in main2Con.list" :key="index" class="swiper-slide">
                          <a href="" class="row1 tit2">{{item.title}}</a>
                        </div>
                      </div>
                      <div class="dot"></div>
                    </div>
                  </div>
                </div>
              </div>
              
            </div>
          </div>
          <a href="" class="w2 kfbtn wow animated fadeInUp" data-wow-delay="0.2s"><img src="./static/image/home/m2-0.png" alt="" class="img"></a>
        </div>
        <div class="box flex-bect box-main2" v-if="main3">
          <div class="w1 wow animated fadeInUp">
            <div class="home-top-tit flex-bect">
              <h2 class="h2">私立学校资讯</h2>
              <span class="remark">专业招生20年，业内前沿教育服务</span>
            </div>
            <div class="w1-div">
              <dl class="tab flex-lect">
                <dd v-for="(item, index) in main3" :key="index" class="item">
                  <span class="line" v-if="index > 0"></span>
                  <span class="name" :class="{on : main3_idx === index}" @click="changeMain3(index)">{{item.name}}</span>
                </dd>
              </dl>
              <div class="flex-bect con" v-if="main3Con">
                <div class="imgW"><img :src="main3Con.src" class="img" alt=""></div>
                <div class="flex1 div">
                  <div class="tit row1">{{main3Con.title}}</div>
                  <div class="ban-box">
                    <div class="ban">
                      <div class="swiper-wrapper">
                        <div v-for="(item,index) in main3Con.list" :key="index" class="swiper-slide">
                          <a href="" class="row1 tit2">{{item.title}}</a>
                        </div>
                      </div>
                      <div class="dot"></div>
                    </div>
                  </div>
                </div>
              </div>
              
            </div>
          </div>
          <a href="" class="w2 kfbtn wow animated fadeInUp" data-wow-delay="0.2s"><img src="./static/image/home/m3-0.png" alt="" class="img"></a>
        </div>
      </div>
      
      <div class="home-main4" v-if="main4">
        <div class="box flex-bect">
          <div class="w1">
            <div class="home-top-tit flex-bect wow animated fadeInUp">
              <h2 class="h2">热门排行榜</h2>
              <span class="remark">大家都在找最好的学校，为孩子全力以赴</span>
            </div>
            <div class="flex-bect w1-box wow animated fadeInLeft">
              <div v-for="(item1, index) in main4" class="item" :class="'item'+index">
                <div class="tit">{{item1.title}}</div>
                <div class="list">
                  <div v-for="(item2, j) in item1.list" href="" class="dd flex-lect">
                    <span class="num flex-ct" :class="'num-'+j">{{j+1}}</span>
                    <div class="name ">
                      <div class="row1">{{item2.title}}</div>
                      <div class="sub">
                        <div class="p1">招生对象:</div>
                        <div class="lab lab1">{{item2.labs.dx}}</div>
                        <div class="p1">课程体系:</div>
                        <div class="lab lab2">{{item2.labs.kc}}</div>
                        <span class="jt"></span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="ban ov re wow animated fadeInUp" data-wow-delay="0.1s">
              <div class="swiper-wrapper">
                <div v-for="(item,index) in main4_ban" :key="index" class="swiper-slide">
                  <img :src="item.src" alt="" class="img">
                </div>
              </div>
              <div class="dot"></div>
            </div>
          </div>
          <div class="w2 wow animated fadeInRight" data-wow-delay="0.2s">
            <div class="h2 flex-bect">
              <span class="sp">专业排行 </span>
              <a href="" class="btn">更多</a>
            </div>
            <div class="tab flex-bect">
              <span v-for="(item, index) in main4_ri" class="item" :class="{on : main4_ri_idx === index}" @click="mian4Tab(index)">{{item.name}}</span>
            </div>
            <div class="list">
              <a v-for="(item, index) in main4_ri[main4_ri_idx].list" href="" class="item flex-lect" :class="{on: index < 3}">
                <span class="num">{{index < 9 ? '0'+(index+1) : (index+1)}}</span>
                <span class="name">{{item.name}}</span>
              </a>
            </div>
          </div>
        </div>
      </div>
      
      <div class="home-main5" v-if="main5">
        <div class="top wow animated fadeInUp">
          <div class="box">
            <div class="home-top-tit title1 flex-bect">
              <h2 class="h2">国际学校</h2>
              <span class="remark">大家都在找最好的学校，为孩子全力以赴</span>
            </div>
            <div class="con">
              <div class="home-top-tit title2 flex-bect">
                <h2 class="h2 flex-lect"><span class="sp">国际学校</span>报考时间 <img src="./static/image/home/m5-ico1.png" alt="" class="ico"></h2>
                <div class="flex-rict labs">
                  <span class="remark">国际学校报考必读：</span>
                  <a v-for="(item, index) in main5.top.labs" :key="index" :href="item.path" class="lab" :class="'lab'+index">{{item.name}}</a>
                </div>
              </div>
              <div class="list flex-bect">
                <div v-for="(item, index) in main5.top.list" :key="index" class="item" :class="'item'+index">
                  <div class="lab">{{item.lab}}</div>
                  <div class="div">
                    <div class="h2 row1">{{item.title}}</div>
                    <div v-for="(item2, j) in item.remark" :key="j" class="p1">{{item2}}</div>
                  </div>
                </div>
              </div>
              
            </div>
          </div>
        </div>
        <div class="bottom box">
          <div class="home-top-tit title flex-bect wow animated fadeInUp">
            <h2 class="h2 flex-lect"><span class="sp">国际</span>学校动态 <img src="./static/image/home/m6-ico1.png" alt="" class="ico"></h2>
          </div>
          <div class="tab flex-lect wow animated fadeInUp">
            <div v-for="(item, index) in main5.newsList" :key="index" class="item" :class="{on: main5_idx === index}" @mouseenter="main5_idx = index"><span class="txt">{{item.name}}</span></div>
            <div class="flex1"></div>
            <a href="" class="more">查看更多国际学校招生</a>
          </div>
          <div class="flex-bect">
            <div class="news-list wow animated fadeInLeft">
              <a v-for="(item, index) in main5.newsList[main5_idx].list" :key="index" href="" class="item flex-bect">
                <div class="flex-lect">
                  <span class="lab">【{{main5.newsList[main5_idx].name}}】</span>
                  <span class="name row1 flex1">{{item.name}}</span>
                </div>
                <span class="time"> {{item.time}}</span>
              </a>
            </div>
            <div class="zhaos wow animated fadeInRight">
              <div class="tit">国际学生招生简章</div>
              <div class="list">
                <a v-for="(item, index) in main5.zhaosList" :key="index" href="" class="item">{{item.name}}</a>
              </div>
            </div>
          </div>
          
          <div class="school-list wow animated fadeInUp">
            <a v-for="(item, index) in main5.schoolList" :key="index" href="" class="item">
              <div class="ico"><img :src="item.src" alt=""></div>
              <div class="name" v-html="item.name"></div>
            </a>
          </div>
        </div>
      </div>
      
      <div class="home-main5 home-main6" v-if="main6">
        <div class="top wow animated fadeInUp">
          <div class="box">
            <div class="home-top-tit title1 flex-bect">
              <h2 class="h2">私立学校</h2>
              <span class="remark">大家都在找最好的学校，为孩子全力以赴</span>
            </div>
            <div class="con">
              <div class="home-top-tit title2 flex-bect">
                <h2 class="h2 flex-lect"><span class="sp">私立学校</span>报考时间 <img src="./static/image/home/m5-ico1.png" alt="" class="ico"></h2>
                <div class="flex-rict labs">
                  <span class="remark">私立学校报考必读：</span>
                  <a v-for="(item, index) in main6.top.labs" :key="index" :href="item.path" class="lab" :class="'lab'+index">{{item.name}}</a>
                </div>
              </div>
              <div class="list flex-bect">
                <div v-for="(item, index) in main6.top.list" :key="index" class="item" :class="'item'+index">
                  <div class="lab">{{item.lab}}</div>
                  <div class="div">
                    <div class="h2 row1">{{item.title}}</div>
                    <div v-for="(item2, j) in item.remark" :key="j" class="p1">{{item2}}</div>
                  </div>
                </div>
                <div class="item item3">
                  <div class="lab">政策</div>
                  <div class="div">
                    <a href="" class="h2 row1">查看中小学<span class="red">入学资格</span >></a>
                    <div class="flex-lect labs">
                      <a href="" class="lab-item flex-ct">幼升小政策</a>
                      <a href="" class="lab-item flex-ct">小升初政策</a>
                      <a href="" class="lab-item flex-ct">初升高政策</a>
                      <a href="" class="lab-item flex-ct">非京籍入学</a>
                      <a href="" class="lab-item flex-ct">私立借读政策</a>
                      <a href="" class="lab-item flex-ct">非京籍四证</a>
                    </div>
                  </div>
                </div>
              </div>
              
            </div>
          </div>
        </div>
        <div class="bottom box">
          <div class="home-top-tit title flex-bect wow animated fadeInUp">
            <h2 class="h2 flex-lect"><span class="sp">私立</span>学校动态 <img src="./static/image/home/m6-ico1.png" alt="" class="ico"></h2>
          </div>
          <div class="tab flex-lect wow animated fadeInUp">
            <div v-for="(item, index) in main6.newsList" :key="index" class="item" :class="{on: main6_idx === index}" @mouseenter="main6_idx = index"><span class="txt">{{item.name}}</span></div>
            <div class="flex1"></div>
            <a href="" class="more">查看更多私立学校招生</a>
          </div>
          <div class="flex-bect">
            <div class="news-list wow animated fadeInLeft">
              <a v-for="(item, index) in main6.newsList[main6_idx].list" :key="index" href="" class="item flex-bect">
                <div class="flex-lect">
                  <span class="lab">【{{main6.newsList[main6_idx].name}}】</span>
                  <span class="name row1 flex1">{{item.name}}</span>
                </div>
                <span class="time"> {{item.time}}</span>
              </a>
            </div>
            <div class="zhaos wow animated fadeInRight">
              <div class="tit">私立学生招生简章</div>
              <div class="list">
                <a v-for="(item, index) in main6.zhaosList" :key="index" href="" class="item">{{item.name}}</a>
              </div>
            </div>
          </div>
          
          <div class="school-list wow animated fadeInUp">
            <a v-for="(item, index) in main6.schoolList" :key="index" href="" class="item">
              <div class="ico"><img :src="item.src" alt=""></div>
              <div class="name" v-html="item.name"></div>
            </a>
          </div>
        </div>
      </div>
      <!-- 热门专题 -->
      <hot-zt :con="main7"></hot-zt>
      
    </my-header>
  </div>
  
  <script type="text/babel">
    var time = new Date().getTime();
    let mySwiper1 = null;//销毁实例
    let mySwiper2 = null;
    let router = getPath()
    new Vue({
      el: '#app',
      components: {
        'my-header': httpVueLoader('./components/header.vue?time='+time),
        'hot-zt': httpVueLoader('./components/hot_zt.vue?time='+time),
        'my-school': httpVueLoader('./components/school.vue?time='+time)
      },
      data:{
        router:router,
        total:20,
        banner:null,
        main1List:null,
        main1_id:1,
        main2:null,
        main2_idx:0,
        main2Con:null,
        main3:null,
        main3_idx:0,
        main3Con:null,
        main4:null,
        main4_ri:null,
        main4_ri_idx:0,
        main4_ban:null,
        main5:null,
        main5_idx:0,
        main6:null,
        main6_idx:0,
        main7:null,
        main7_more1:false,
        main7_more2:false
      },
      created() {
          
        // jump()
      },
      mounted() {
        this.getBanner();
        this.getMain1();
        this.getMain2();
        this.getMain3();
        this.getMain4();
        this.getMain5();
        this.getMain6();
        this.getMain7();
      },
      
      methods: {
        main7More(e){
          if(e == 1 && this.main7.gj_list.length > 5){
            this.main7_more1 = !this.main7_more1
          }else if(e == 2 && this.main7.sl_list.length > 5){
            this.main7_more2 = !this.main7_more2
          }
        },
        getMain7(){
          this.main7 = {
            gj_list:[
              {id:1, name:"国际学校怎么选", src:"./static/image/home/gj-zt1.png", view:"10586"},
              {id:2, name:"艺术国际高中", src:"./static/image/home/gj-zt2.png", view:"10586"},
              {id:3, name:"非京籍入学四证", src:"./static/image/home/gj-zt3.png", view:"10586"},
              {id:4, name:"北京国际学校排名", src:"./static/image/home/gj-zt4.png", view:"10586"},
              {id:5, name:"国际学校入学条件", src:"./static/image/home/gj-zt5.png", view:"10586"},
              {id:6, name:"国际学校怎么选", src:"./static/image/home/gj-zt6.png", view:"10586"},
              {id:7, name:"艺术国际高中", src:"./static/image/home/gj-zt7.png", view:"10586"},
              {id:8, name:"非京籍入学四证", src:"./static/image/home/gj-zt8.png", view:"10586"},
              {id:9, name:"北京国际学校排名", src:"./static/image/home/gj-zt9.png", view:"10586"},
              {id:10, name:"国际学校入学条件", src:"./static/image/home/gj-zt10.png", view:"10586"}
            ],
            sl_list:[
              {id:1, name:"私立学校学费", src:"./static/image/home/sl-zt1.png", view:"10586"},
              {id:2, name:"私立学校排名", src:"./static/image/home/sl-zt2.png", view:"10586"},
              {id:3, name:"非京籍在北京上高中", src:"./static/image/home/sl-zt3.png", view:"10586"},
              {id:4, name:"私立学校和公立学校区别", src:"./static/image/home/sl-zt4.png", view:"10586"},
              {id:5, name:"民办学校是什么意思", src:"./static/image/home/sl-zt5.png", view:"10586"},
            ]
          }
          
        },
        getMain6(){
          this.main6 = {
            top:{
              labs:[{name:"私立小学", path: this.router.slxx},{name:"私立初中", path: this.router.slcz},{name:"私立高中", path: this.router.slgz}],
              list:[
                {id:1, lab:"小学", title:"私立初中", remark:["报名时间: 4-5月政策发布，提交申请材料", "录取时间: 6-7月公布录取结果自行到校报到"]},
                {id:2, lab:"初中", title:"私立初中", remark:["报名时间: 4-5月政策发布，提交申请材料", "录取时间: 6-7月公布录取结果自行到校报到"]},
                {id:3, lab:"高中", title:"私立高中", remark:["报名时间: 6-7月报名最高峰, 学校为自主招生", "录取时间: 6-7月公布录取结果自行到校报到"]},
                // {id:4, lab:"政策", title:"查看中小学入学资格 >>", labs:["幼升小政策","小升初政策","初升高政策","非京籍入学","私立借读政策","非京籍四证"]}
              ]
            },
            newsList:[
              {
                name:"私立小学", 
                list:[
                  {id:1, time:"04-14", name:"朝阳外国语学校初中国际班都开什么课程? 学费比较低的学校是哪所 ?"},
                  {id:2, time:"04-14", name:"北京朝阳区国际初中排名比较好的学校有哪些 ?2023年秋季新生学费怎么收?"},
                  {id:3, time:"04-14", name:"非京籍孩子上初中都去哪里 ? 哪所国际初中是自主招生的 ?"},
                  {id:4, time:"04-14", name:"北京国际学校初中能上职业高中吗 ?"},
                  {id:5, time:"04-14", name:"北京海淀区初二1+3项目报名今日结束，这些国际学校初中9年级也在招生!"},
                  {id:6, time:"04-14", name:"北京顺义区国际初中哪家容易进 ?"},
                  {id:7, time:"04-14", name:"北京哪所国际学校开设加拿大课程在初中阶段，学费要多少 ?"},
                  {id:8, time:"04-14", name:"非京籍初中生可以在北京考哪一类高中?"},
                ]
              },{
                name:"私立初中", 
                list:[
                  {id:1, time:"04-14", name:"朝阳外国语学校初中国际班都开什么课程? 学费比较低的学校是哪所 ?"},
                  {id:2, time:"04-14", name:"北京朝阳区国际初中排名比较好的学校有哪些 ?2023年秋季新生学费怎么收?"},
                  {id:3, time:"04-14", name:"非京籍孩子上初中都去哪里 ? 哪所国际初中是自主招生的 ?"},
                  {id:4, time:"04-14", name:"北京国际学校初中能上职业高中吗 ?"},
                  {id:5, time:"04-14", name:"北京海淀区初二1+3项目报名今日结束，这些国际学校初中9年级也在招生!"},
                  {id:6, time:"04-14", name:"北京顺义区国际初中哪家容易进 ?"},
                  {id:7, time:"04-14", name:"北京哪所国际学校开设加拿大课程在初中阶段，学费要多少 ?"},
                  {id:8, time:"04-14", name:"非京籍初中生可以在北京考哪一类高中?"},
                ]
              },{
                name:"私立高中", 
                list:[
                  {id:1, time:"04-14", name:"朝阳外国语学校初中国际班都开什么课程? 学费比较低的学校是哪所 ?"},
                  {id:2, time:"04-14", name:"北京朝阳区国际初中排名比较好的学校有哪些 ?2023年秋季新生学费怎么收?"},
                  {id:3, time:"04-14", name:"非京籍孩子上初中都去哪里 ? 哪所国际初中是自主招生的 ?"},
                  {id:4, time:"04-14", name:"北京国际学校初中能上职业高中吗 ?"},
                  {id:5, time:"04-14", name:"北京海淀区初二1+3项目报名今日结束，这些国际学校初中9年级也在招生!"},
                  {id:6, time:"04-14", name:"北京顺义区国际初中哪家容易进 ?"},
                  {id:7, time:"04-14", name:"北京哪所国际学校开设加拿大课程在初中阶段，学费要多少 ?"},
                  {id:8, time:"04-14", name:"非京籍初中生可以在北京考哪一类高中?"},
                ]
              }
            ],
            zhaosList:[
              {id:1, name:"北京海淀区尚丽外国语学校初中部招生简章"},
              {id:2, name:"北京东方红学校初中部招生简章"},
              {id:3, name:"北京市丰台区新北赋学校高中部招生简章"},
              {id:4, name:"北京海淀区尚丽外国语学校高中部招生简章"},
              {id:5, name:"北京东方红学校宏夏学院小学部招生简章"}
            ],
            schoolList:[
              {id:1, src:"./static/image/nav/sl-logo1.png", name:"北京东方红<br>学校"},
              {id:2, src:"./static/image/nav/sl-logo2.png", name:"北京市通州区<br>私立树人学校"},
              {id:3, src:"./static/image/nav/sl-logo3.png", name:"北京中加学校"},
              {id:4, src:"./static/image/nav/sl-logo4.png", name:"北京新府学外<br>国语学校"},
              {id:5, src:"./static/image/nav/sl-logo5.png", name:"北京市忠德<br>学校"},
              {id:6, src:"./static/image/nav/sl-logo6.png", name:"北京市私立<br>汇佳学校"},
              {id:7, src:"./static/image/nav/sl-logo7.png", name:"北京市丰台区<br>新北赋学校..."},
              {id:8, src:"./static/image/nav/sl-logo8.png", name:"北京市实验外<br>国语学校"},
              {id:9, src:"./static/image/nav/sl-logo9.png", name:"北京怀柔索兰<br>诺中学"},
              {id:10, src:"./static/image/nav/sl-logo10.png", name:"三河市燕郊<br>剑桥学校"}
            ]
          }
        },
        getMain5(){
          this.main5 = {
            top:{
              labs:[{name:"国际幼儿园", path: this.router.gjyey},{name:"国际小学", path: this.router.gjxx},{name:"国际初中", path: this.router.gjcz},{name:"国际高中", path: this.router.gjgz}],
              list:[
                {id:1, lab:"小学", title:"国际小学（可少量插班）", remark:["报名时间: 4-5月政策发布，提交申请材料", "录取时间: 6-7月公布录取结果自行到校报到"]},
                {id:2, lab:"初中", title:"国际初中（可少量插班）", remark:["报名时间: 4-5月政策发布，提交申请材料", "录取时间: 6-7月公布录取结果自行到校报到"]},
                {id:3, lab:"高中", title:"国际高中（全年均可插班）", remark:["报名时间: 6-7月报名最高峰, 学校为自主招生", "录取时间: 6-7月公布录取结果自行到校报到"]},
                {id:4, lab:"幼儿园", title:"国际幼儿园", remark:["报名时间: 1-12月全年均可咨询入学"]}
              ]
            },
            newsList:[
              {
                name:"国际小学", 
                list:[
                  {id:1, time:"04-14", name:"朝阳外国语学校初中国际班都开什么课程? 学费比较低的学校是哪所 ?"},
                  {id:2, time:"04-14", name:"北京朝阳区国际初中排名比较好的学校有哪些 ?2023年秋季新生学费怎么收?"},
                  {id:3, time:"04-14", name:"非京籍孩子上初中都去哪里 ? 哪所国际初中是自主招生的 ?"},
                  {id:4, time:"04-14", name:"北京国际学校初中能上职业高中吗 ?"},
                  {id:5, time:"04-14", name:"北京海淀区初二1+3项目报名今日结束，这些国际学校初中9年级也在招生!"},
                  {id:6, time:"04-14", name:"北京顺义区国际初中哪家容易进 ?"},
                  {id:7, time:"04-14", name:"北京哪所国际学校开设加拿大课程在初中阶段，学费要多少 ?"},
                  {id:8, time:"04-14", name:"非京籍初中生可以在北京考哪一类高中?"},
                ]
              },{
                name:"国际初中", 
                list:[
                  {id:1, time:"04-14", name:"朝阳外国语学校初中国际班都开什么课程? 学费比较低的学校是哪所 ?"},
                  {id:2, time:"04-14", name:"北京朝阳区国际初中排名比较好的学校有哪些 ?2023年秋季新生学费怎么收?"},
                  {id:3, time:"04-14", name:"非京籍孩子上初中都去哪里 ? 哪所国际初中是自主招生的 ?"},
                  {id:4, time:"04-14", name:"北京国际学校初中能上职业高中吗 ?"},
                  {id:5, time:"04-14", name:"北京海淀区初二1+3项目报名今日结束，这些国际学校初中9年级也在招生!"},
                  {id:6, time:"04-14", name:"北京顺义区国际初中哪家容易进 ?"},
                  {id:7, time:"04-14", name:"北京哪所国际学校开设加拿大课程在初中阶段，学费要多少 ?"},
                  {id:8, time:"04-14", name:"非京籍初中生可以在北京考哪一类高中?"},
                ]
              },{
                name:"国际高中", 
                list:[
                  {id:1, time:"04-14", name:"朝阳外国语学校初中国际班都开什么课程? 学费比较低的学校是哪所 ?"},
                  {id:2, time:"04-14", name:"北京朝阳区国际初中排名比较好的学校有哪些 ?2023年秋季新生学费怎么收?"},
                  {id:3, time:"04-14", name:"非京籍孩子上初中都去哪里 ? 哪所国际初中是自主招生的 ?"},
                  {id:4, time:"04-14", name:"北京国际学校初中能上职业高中吗 ?"},
                  {id:5, time:"04-14", name:"北京海淀区初二1+3项目报名今日结束，这些国际学校初中9年级也在招生!"},
                  {id:6, time:"04-14", name:"北京顺义区国际初中哪家容易进 ?"},
                  {id:7, time:"04-14", name:"北京哪所国际学校开设加拿大课程在初中阶段，学费要多少 ?"},
                  {id:8, time:"04-14", name:"非京籍初中生可以在北京考哪一类高中?"},
                ]
              },{
                name:"国际幼儿园", 
                list:[
                  {id:1, time:"04-14", name:"朝阳外国语学校初中国际班都开什么课程? 学费比较低的学校是哪所 ?"},
                  {id:2, time:"04-14", name:"北京朝阳区国际初中排名比较好的学校有哪些 ?2023年秋季新生学费怎么收?"},
                  {id:3, time:"04-14", name:"非京籍孩子上初中都去哪里 ? 哪所国际初中是自主招生的 ?"},
                  {id:4, time:"04-14", name:"北京国际学校初中能上职业高中吗 ?"},
                  {id:5, time:"04-14", name:"北京海淀区初二1+3项目报名今日结束，这些国际学校初中9年级也在招生!"},
                  {id:6, time:"04-14", name:"北京顺义区国际初中哪家容易进 ?"},
                  {id:7, time:"04-14", name:"北京哪所国际学校开设加拿大课程在初中阶段，学费要多少 ?"},
                  {id:8, time:"04-14", name:"非京籍初中生可以在北京考哪一类高中?"},
                ]
              }
            ],
            zhaosList:[
              {id:1, name:"天津黑利伯瑞国际学校国际小学部招生简章"},
              {id:2, name:"北京市房山区诺德安达学校国际高中部招..."},
              {id:3, name:"北京市新英才学校幼儿园招生简章"},
              {id:4, name:"北京爱迪国际学校国际幼儿园招生简章"},
              {id:5, name:"青苗国际幼儿园蓝色港湾校区招生简章"}
            ],
            schoolList:[
              {id:1, src:"./static/image/nav/gj-logo1.png", name:"北京德闳学校"},
              {id:2, src:"./static/image/nav/gj-logo2.png", name:"北京市朝阳区<br>赫德学校"},
              {id:3, src:"./static/image/nav/gj-logo3.png", name:"哈罗北京"},
              {id:4, src:"./static/image/nav/gj-logo4.png", name:"北京市朝阳区<br>凯文学校"},
              {id:5, src:"./static/image/nav/gj-logo5.png", name:"北京市朝阳区<br>北外同文外国语"},
              {id:6, src:"./static/image/nav/gj-logo6.png", name:"青苗学校"},
              {id:7, src:"./static/image/nav/gj-logo7.png", name:"北京爱迪国际<br>学校"},
              {id:8, src:"./static/image/nav/gj-logo8.png", name:"北京外国语大<br>学国际课程中心"},
              {id:9, src:"./static/image/nav/gj-logo9.png", name:"领科教育北京<br>校区"},
              {id:10, src:"./static/image/nav/gj-logo10.png", name:"天津黑利伯瑞国<br>际学校"}
            ]
          }
        },
        mian4Tab(e){
          this.main4_ri_idx = e
        },
        getMain4(){
          this.main4_ban = [
            {src:"./static/image/home/m4-ban1.png"},
            {src:"./static/image/home/m4-ban2.png"}
          ]
          this.main4 = [
            {
              title:"国际学校排行", id:1, 
              list:[
                {id:1, title:"青苗学校", labs:{dx:"幼儿班 / 学前 / 小学 / 初中 / 高中", kc:" 双语课程.b课程.艺术课程"} },
                {id:2, title:"北京爱迪国际学校", labs:{dx:"幼儿班 / 学前 / 小学 / 初中 / 高中", kc:" 双语课程.b课程.艺术课程"} },
                {id:3, title:"北京市中关村外国语国际学校", labs:{dx:"幼儿班 / 学前 / 小学 / 初中 / 高中", kc:" 双语课程.b课程.艺术课程"} },
                {id:4, title:"北京市朝阳区凯文学校", labs:{dx:"幼儿班 / 学前 / 小学 / 初中 / 高中", kc:" 双语课程.b课程.艺术课程"} },
                {id:5, title:"北京市朝阳区北外同文外国语学校", labs:{dx:"幼儿班 / 学前 / 小学 / 初中 / 高中", kc:" 双语课程.b课程.艺术课程"} },
                {id:6, title:"珠海科技学院", labs:{dx:"幼儿班 / 学前 / 小学 / 初中 / 高中", kc:" 双语课程.b课程.艺术课程"} },
                {id:7, title:"南宁理工学院（原桂林理工大学博文...", labs:{dx:"幼儿班 / 学前 / 小学 / 初中 / 高中", kc:" 双语课程.b课程.艺术课程"} },
                {id:8, title:"西安外国语大学国际学院", labs:{dx:"幼儿班 / 学前 / 小学 / 初中 / 高中", kc:" 双语课程.b课程.艺术课程"} },
                {id:9, title:"南京工业大学继续教育学院", labs:{dx:"幼儿班 / 学前 / 小学 / 初中 / 高中", kc:" 双语课程.b课程.艺术课程"} },
                {id:10, title:"哈尔滨工程大学青岛职业教育基地", labs:{dx:"幼儿班 / 学前 / 小学 / 初中 / 高中", kc:" 双语课程.b课程.艺术课程"} },
              ]
            },{
              title:"私立学校排行", id:2, 
              list:[
                {id:1, title:"北京市丰台区新北赋学校", labs:{dx:" 小学 / 初中 / 高中", kc:" 双语课程、加拿大课程、艺术课程 美国课程、ALevel课程、香港课程"} },
                {id:2, title:"北京海淀区尚丽外国语学校", labs:{dx:" 小学 / 初中 / 高中", kc:" 双语课程、加拿大课程、艺术课程 美国课程、ALevel课程、香港课程"}},
                {id:3, title:"北京东方红学校", labs:{dx:" 小学 / 初中 / 高中", kc:" 双语课程、加拿大课程、艺术课程 美国课程、ALevel课程、香港课程"}},
                {id:4, title:"北京市朝阳区博雅学校", labs:{dx:" 小学 / 初中 / 高中", kc:" 双语课程、加拿大课程、艺术课程 美国课程、ALevel课程、香港课程"}},
                {id:5, title:"北京市实验外国语学校", labs:{dx:" 小学 / 初中 / 高中", kc:" 双语课程、加拿大课程、艺术课程 美国课程、ALevel课程、香港课程"}},
                {id:6, title:"北京市通州区私立树人学校", labs:{dx:" 小学 / 初中 / 高中", kc:" 双语课程、加拿大课程、艺术课程 美国课程、ALevel课程、香港课程"}},
                {id:7, title:"南宁理工学院（原桂林理工大学博文...", labs:{dx:" 小学 / 初中 / 高中", kc:" 双语课程、加拿大课程、艺术课程 美国课程、ALevel课程、香港课程"}},
                {id:8, title:"河北怀来闻道高级中学", labs:{dx:" 小学 / 初中 / 高中", kc:" 双语课程、加拿大课程、艺术课程 美国课程、ALevel课程、香港课程"}},
                {id:9, title:"益田翰德学校", labs:{dx:" 小学 / 初中 / 高中", kc:" 双语课程、加拿大课程、艺术课程 美国课程、ALevel课程、香港课程"}},
                {id:10, title:"北京市看谊中学", labs:{dx:" 小学 / 初中 / 高中", kc:" 双语课程、加拿大课程、艺术课程 美国课程、ALevel课程、香港课程"}},
              ]
            }
          ]
          this.main4_ri = [
            {
              name:"热门专业", id:1,
              list:[
                { id:1, name:"金融学专业" },
                { id:2, name:"会计学专业" },
                { id:3, name:"工商管理(MBA)专业" },
                { id:4, name:"企业管理专业" },
                { id:5, name:"人力资源管理专业" },
                { id:6, name:"新闻学专业" },
                { id:7, name:"行政管理专业" },
                { id:8, name:"财务管理专业" },
                { id:9, name:"英语语言文学专业" },
                { id:10, name:"国际贸易学专业" },
                { id:11, name:"美学专业" },
                { id:12, name:"市场营销专业" },
                { id:13, name:"统计学专业" },
              ]
            },{
              name:"高校招生", id:2,
              list:[
                { id:6, name:"新闻学专业" },
                { id:7, name:"行政管理专业" },
                { id:8, name:"财务管理专业" },
                { id:9, name:"英语语言文学专业" },
                { id:1, name:"金融学专业" },
                { id:2, name:"会计学专业" },
                { id:3, name:"工商管理(MBA)专业" },
                { id:4, name:"企业管理专业" },
                { id:5, name:"人力资源管理专业" },
                { id:10, name:"国际贸易学专业" },
                { id:11, name:"美学专业" },
                { id:12, name:"市场营销专业" },
                { id:13, name:"统计学专业" },
              ]
            }
          ]
          
          setTimeout(()=>{
            let swiper4 = new Swiper('.home-main4 .ban', {
              slidesPerView: 1,
              pagination: {
                el: '.home-main4 .dot',
                clickable: true,
              },
              autoplay:true
            });
          },500)
        },
        // 首页banner
        getBanner(){
          this.banner = [
            {src:'./static/image/home/1.png'},
            {src:'./static/image/home/2.png'},
            {src:'./static/image/home/3.png'},
            {src:'./static/image/home/4.png'}
          ]
          setTimeout(()=>{
            let swiper = new Swiper('.banner', {
              slidesPerView: 1,
              pagination: {
                el: '.banner .ban-dot1',
                clickable: true,
              },
              autoplay:true
            });
          },500)
        },
        // main1
        getMain1(){
          this.main1List = [
            {
              name:'国际学校', id:1, path:"./10giDetail.html",
              list:[
                {id:1, src:'./static/image/nav/gj-logo1.png', name:'北京德闳学校'},
                {id:2, src:'./static/image/nav/gj-logo2.png', name:'北京市朝阳区赫...'},
                {id:3, src:'./static/image/nav/gj-logo3.png', name:'哈罗北京'},
                {id:4, src:'./static/image/nav/gj-logo4.png', name:'北京市朝阳区凯文...'},
                {id:5, src:'./static/image/nav/gj-logo5.png', name:'北京市朝阳区北...'},
                {id:6, src:'./static/image/nav/gj-logo6.png', name:'领科教育北京校区'},
                {id:7, src:'./static/image/nav/gj-logo7.png', name:'天津黑利伯瑞国...'},
                {id:8, src:'./static/image/nav/gj-logo8.png', name:'天津惠灵顿学校'},
                {id:9, src:'./static/image/nav/gj-logo9.png', name:'青苗国际幼儿园'},
                {id:10, src:'./static/image/nav/gj-logo10.png', name:'北京市顺义区诺德...'},
                {id:11, src:'./static/image/nav/gj-logo11.png', name:'北京东方红学校'},
                {id:12, src:'./static/image/nav/gj-logo12.png', name:'北京四中国际课程...'},
                {id:13, src:'./static/image/nav/gj-logo13.png', name:'北京市通州区私立...'},
                {id:14, src:'./static/image/nav/gj-logo14.png', name:'北京市房山区诺德...'},
                {id:15, src:'./static/image/nav/gj-logo15.png', name:'耀华国际教育学校...'},
                {id:16, src:'./static/image/nav/gj-logo16.png', name:'橘郡国际学校'},
                {id:17, src:'./static/image/nav/gj-logo17.png', name:'北京中加学校'},
              ]
            },
            {
              name:'私立学校', id:2, path:"./20slDetail.html",
              list:[
                {id:1, src:'./static/image/nav/sl-logo1.png', name:'北京东方红学校'},
                {id:2, src:'./static/image/nav/sl-logo2.png', name:'北京市通州区私立...'},
                {id:3, src:'./static/image/nav/sl-logo3.png', name:'北京中加学校'},
                {id:4, src:'./static/image/nav/sl-logo4.png', name:'北京新府学外国语...'},
                {id:5, src:'./static/image/nav/sl-logo5.png', name:'北京市忠德学校'},
                {id:6, src:'./static/image/nav/sl-logo6.png', name:'北京市私立汇佳'},
                {id:7, src:'./static/image/nav/sl-logo7.png', name:'北京市丰台区新北...'},
                {id:8, src:'./static/image/nav/sl-logo8.png', name:'北京市实验外国语...'},
                {id:9, src:'./static/image/nav/sl-logo9.png', name:'北京怀柔索兰诺中...'},
                {id:10, src:'./static/image/nav/sl-logo10.png', name:'三河市燕郊剑桥学...'},
                {id:11, src:'./static/image/nav/sl-logo11.png', name:'北京海淀区尚丽外...'},
                {id:12, src:'./static/image/nav/sl-logo12.png', name:'天津法耀高级中学'},
                {id:13, src:'./static/image/nav/sl-logo13.png', name:'华油荣德小学'},
                {id:14, src:'./static/image/nav/sl-logo14.png', name:'益田翰德学校'},
                {id:15, src:'./static/image/nav/sl-logo15.png', name:'北京市朝阳区正源...'},
                {id:16, src:'./static/image/nav/sl-logo16.png', name:'北京市海淀区崛起...'},
                {id:17, src:'./static/image/nav/sl-logo17.png', name:'北京市汇贤学校'},
                {id:18, src:'./static/image/nav/sl-logo18.png', name:'北京市朝阳区博雅...'},
              ]
            }
          ]
          setTimeout(()=>{
            let ban0 = new Swiper('.ban0 .ban-contain', {
              slidesPerView: 4,
              spaceBetween: 39,
              navigation: {
                nextEl: '.ban0 .next',
                prevEl: '.ban0 .prev',
              },
              autoplay:true
            });
            let ban1 = new Swiper('.ban1 .ban-contain', {
              slidesPerView: 4,
              spaceBetween: 39,
              navigation: {
                nextEl: '.ban1 .next',
                prevEl: '.ban1 .prev',
              },
              autoplay:true
            });
          },500)
        },
        
        getMain2(){
          this.main2 = [
            {
              name:"国际幼儿园", id:1, src:"./static/image/home/m2-1.png", title:"北京幼儿园2023年招生进度: 复审面试(幼儿园面试常见问题汇总)",
              list:[
                {title:"朝阳区哪些民办幼儿园硬件好 ?", id:1},
                {title:"大兴区非京籍北京上幼儿园哪家比较好 ?", id:2},
                {title:"北京顺义区双语幼儿园学费多少钱一个月?", id:3},
                {title:"朝阳区哪些民办幼儿园硬件好 ?", id:4},
                {title:"大兴区非京籍北京上幼儿园哪家比较好 ?", id:5},
                {title:"北京顺义区双语幼儿园学费多少钱一个月?", id:6},
              ]
            },{
              name:"国际小学", id:1, src:"./static/image/home/m2-2.png", title:"北京幼儿园2023年招生进度: 复审面试(幼儿园面试常见问题汇总)",
              list:[
                {title:"北京顺义区双语幼儿园学费多少钱一个月?", id:3},
                {title:"朝阳区哪些民办幼儿园硬件好 ?", id:1},
                {title:"大兴区非京籍北京上幼儿园哪家比较好 ?", id:2},
              ]
            },{
              name:"国际初中", id:1, src:"./static/image/home/m2-3.png", title:"北京幼儿园2023年招生进度: 复审面试(幼儿园面试常见问题汇总)",
              list:[
                {title:"大兴区非京籍北京上幼儿园哪家比较好 ?", id:2},
                {title:"朝阳区哪些民办幼儿园硬件好 ?", id:1},
                {title:"北京顺义区双语幼儿园学费多少钱一个月?", id:3},
              ]
            },{
              name:"国际高中", id:1, src:"./static/image/home/m2-4.png", title:"北京幼儿园2023年招生进度: 复审面试(国际高中面试常见问题汇总)",
              list:[
                {title:"大兴区非京籍北京上幼儿园哪家比较好 ?", id:2},
                {title:"北京顺义区双语幼儿园学费多少钱一个月?", id:3},
                {title:"朝阳区哪些民办幼儿园硬件好 ?", id:1},
              ]
            }
            
          ]
          this.changeMain2(0)
        },
        
        changeMain2(e){
          this.main2_idx = e;
          this.main2Con = this.main2[e];
          if(mySwiper1){
            mySwiper1.destroy(true);//销毁实例
          }
          setTimeout(()=>{
            mySwiper1 = new Swiper('.box-main1 .ban', {
              slidesPerView: 3,
              direction : 'vertical',
              pagination: {
                el: '.box-main1 .dot',
                clickable: true,
              },
              autoplay:true
            });
          },500)
        },
        getMain3(){
          this.main3 = [
            {
              name:"私立学校", id:1, src:"./static/image/home/m3-1.png", title:"北京幼儿园2023年招生进度: 复审面试(幼儿园面试常见问题汇总)",
              list:[
                {title:"朝阳区哪些民办幼儿园硬件好 ?", id:1},
                {title:"大兴区非京籍北京上幼儿园哪家比较好 ?", id:2},
                {title:"北京顺义区双语幼儿园学费多少钱一个月?", id:3},
                {title:"朝阳区哪些民办幼儿园硬件好 ?", id:4},
                {title:"大兴区非京籍北京上幼儿园哪家比较好 ?", id:5},
                {title:"北京顺义区双语幼儿园学费多少钱一个月?", id:6},
              ]
            },{
              name:"私立小学", id:1, src:"./static/image/home/m3-2.png", title:"北京幼儿园2023年招生进度: 复审面试(幼儿园面试常见问题汇总)",
              list:[
                {title:"北京顺义区双语幼儿园学费多少钱一个月?", id:3},
                {title:"朝阳区哪些民办幼儿园硬件好 ?", id:1},
                {title:"大兴区非京籍北京上幼儿园哪家比较好 ?", id:2},
              ]
            },{
              name:"私立初中", id:1, src:"./static/image/home/m3-3.png", title:"北京幼儿园2023年招生进度: 复审面试(幼儿园面试常见问题汇总)",
              list:[
                {title:"大兴区非京籍北京上幼儿园哪家比较好 ?", id:2},
                {title:"朝阳区哪些民办幼儿园硬件好 ?", id:1},
                {title:"北京顺义区双语幼儿园学费多少钱一个月?", id:3},
              ]
            },{
              name:"私立高中", id:1, src:"./static/image/home/m3-4.png", title:"北京幼儿园2023年招生进度: 复审面试(国际高中面试常见问题汇总)",
              list:[
                {title:"大兴区非京籍北京上幼儿园哪家比较好 ?", id:2},
                {title:"北京顺义区双语幼儿园学费多少钱一个月?", id:3},
                {title:"朝阳区哪些民办幼儿园硬件好 ?", id:1},
              ]
            }
            
          ]
          this.changeMain3(0)
        },
        
        changeMain3(e){
          this.main3_idx = e;
          this.main3Con = this.main3[e];
          if(mySwiper2){
            mySwiper2.destroy(true);//销毁实例
          }
          setTimeout(()=>{
            mySwiper2 = new Swiper('.box-main2 .ban', {
              slidesPerView: 3,
              direction : 'vertical',
              pagination: {
                el: '.box-main2 .dot',
                clickable: true,
              },
              autoplay:true
            });
          },500)
        },
        
      }
    })
  </script>
  
  
  <link rel="stylesheet" href="./static/animation/animate.min.css" />
  <script type="text/javascript" src="./static/animation/wow.min.js"></script>
  <script>
      var wow = new WOW({
          boxClass: 'wow',
          animateClass: 'animated',
          offset: 0,
          mobile: false,
          live: true
      });
      wow.init();
  </script>
  
</body>
</html>